figure.item5 {
    /* To correctly align image, regardless of content height: */
    vertical-align: top;
    display: inline-block;
    /* To horizontally center images and caption */
    text-align: center;
    /* The width of the container also implies margin around the images. */
    width: 200px;
    
   
}
.img5 {
    width: 150px;
    height: 150px;  
   
}

  /*     animation: change 20s infinite ease-in-out;  */

.caption {
    /* Make the caption a block so it occupies its own line. */
    display: block;
    font: size 16px;

}

.kalai_bg_img_dull_center {
    width:max-width;    
    height: 400px;     
    position: absolute;     
    left: 50%;     
    transform: translateX(-50%); opacity:0.05;  
}
/*** Certification ***/

.cert {
    
        background:  url(../img/CER.JPG) center center no-repeat;
        background-size: cover;
    
}
/*** Image change over (working)***/
.Imgchangeover {
    width:100%;
    height:400px;
    overflow: hidden;
    position: relative;
    background-image: url(../img/cmf/Slide1.JPG);
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
    animation: change 60s infinite ease-in-out;
}
@keyframes change {

    0% {  background-image: url(../img/cmf/Slide1.jpg);  }
    5% {  background-image: url(../img/cmf/Slide2.jpg);   }
    10% { background-image: url(../img/cmf/Slide3.jpg); }
    15% { background-image: url(../img/cmf/Slide4.jpg); }
    20% { background-image: url(../img/cmf/Slide5.jpg);     }
    25% { background-image: url(../img/cmf/Slide6.jpg); }
    30% { background-image: url(../img/cmf/Slide7.jpg);     }
    35% { background-image: url(../img/cmf/Slide8.jpg);   }
    40% { background-image: url(../img/cmf/Slide9.jpg);      }
    45% { background-image: url(../img/cmf/Slide10.jpg);   }
    50% { background-image: url(../img/cmf/Slide11.jpg);     }
    55% { background-image: url(../img/cmf/Slide12.jpg);   }
    60% { background-image: url(../img/cmf/Slide13.jpg);     }
    65% { background-image: url(../img/cmf/Slide14.jpg);   }
    70% { background-image: url(../img/cmf/Slide15.jpg);}
    75% { background-image: url(../img/cmf/Slide16.jpg);   }
    80% { background-image: url(../img/cmf/Slide17.jpg);}
    85% { background-image: url(../img/cmf/Slide18.jpg);   }
    90% { background-image: url(../img/cmf/Slide19.jpg);     }
    95% { background-image: url(../img/cmf/Slide19.jpg);  } 
   100% { background-image: url(../img/cmf/Slide19.jpg);  } 

    
}
/*** Image move  ro right over(working) ***/
.imr {
    background-image: url(../img/cmf8.jpg);
    width: 500px;
      height: 500px;
    animation: moveToRight 2s ease-in-out;
    animation-delay: 2000ms;
  }


  @keyframes moveToRight {
    0% {
      transform: translateX(0px);
    }
    100% {
      transform: translateX(100px);
    }
  }
  
  
  /*** Image move  ro right over  (working) ***/
  .hover-item {
        transition: 0.5s;
  }
  .hover-item:hover {
    transform: translate(0, 20px);
  }
  
/*** Image move  circle effect ***/

figure {
	width: 300px;
	height: 200px;
	margin: 0;
	padding: 0;***/
	background: #fff;
	overflow: hidden;
}

figure:hover+span {
	bottom: -36px;
	opacity: 1;
}
.hover figure {
	position: relative;
}

.hover figure::before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255,255,255,.2);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}
.hover figure:hover::before {
	
	animation: circle .75s;
}

@keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}